@import "../common/functions.scss";
@import "../common/_variables.scss";
body{
	background: $_eee; 
}
header{
	background: $_fff;
	text-align: center;
	font-size: pxToRem(36px);
	padding: pxToRem(15px) 0;   
}
.order-list{
	font-size: pxToRem(30px);
	border-top: 1px solid #e9e9e9;
	margin-bottom: pxToRem(20px); 
	.shop-tit{
		background: $_fff;
		height: pxToRem(60px);
		line-height: pxToRem(60px);
		padding: 0 pxToRem(20px);
		.ord-h{
			color: #ff7200; 
		}
		.ord-gray{
			color: $_999; 
		}
		.order-code{
			color: $_999;
			margin-left: pxToRem(30px);  
		}    
	}
	.item-list{
		padding: pxToRem(20px) pxToRem(20px);
		display: table;
		.item-img{
			width: pxToRem(200px);
			height: pxToRem(200px);
			overflow: hidden;
			margin-right: pxToRem(20px); 
		}
		.item-infor{
			width: pxToRem(460px);
			display: table-cell;
            vertical-align: middle;
            height: pxToRem(200px); 
		}
	}
}   .pay{
	   height: pxToRem(70px);
	   line-height: pxToRem(70px);
	   background: $_fff;
	   padding: 0 pxToRem(20px);
	   .total{
	   	font-size: pxToRem(26px); 
	   }
	    .cancelOrder{
	   	   width: pxToRem(150px);
	   	   height: pxToRem(45px);
	   	   line-height: pxToRem(45px);
	   	   text-align: center;
	   	   border: 1px solid #333;
	   	   border-radius: pxToRem(6px);
	   	   display: inline-block;
	   	   color: $_333;    
	    }
	    .payOrder{
	       width: pxToRem(150px);
	   	   height: pxToRem(45px);
	   	   line-height: pxToRem(45px);
	   	   text-align: center;
	   	   background: #03a0f3; 
	   	   border-radius: pxToRem(6px);
	   	   display: inline-block;
	   	   border: 1px solid #03a0f3;
	   	   color: $_fff;
	   	   margin-left: pxToRem(12px); 
	    }   
}
/* 弹框取消该订单 */
.shadow {
			width: 100%;
			height: 200%;
			position: fixed;
			top: 0;
			left: 0;
			background: rgba(0, 0, 0, .8);
			z-index: 11;
			display: none;
		}
.dialog-cancelOrder {
			margin-left: -35%;
			padding: pxToRem(80px) 0;
			background-color: #fff;
			text-align: center;
			position: fixed;
			left: 50%;
			top: 30%;
			width: 70%;
			z-index: 22;
			display: none;
			font-size: pxToRem(40px); 
		}

		.dialog-cancelOrder .close {
			padding: 1rem;
			font-family: Helvetica;
			font-size: pxToRem(40px); 
			line-height: 1;
			position: absolute;
			right: pxToRem(-40px);
			top: pxToRem(-50px);
		}
		.dialog-text{
			padding-bottom: pxToRem(60px); 
		}
		.dialog-cancelOrder .no,
		.dialog-cancelOrder .yes {
			width: pxToRem(180px);
			height: pxToRem(60px);
			line-height: pxToRem(60px);
			border-radius: pxToRem(10px);
			color: #fff;
			display: inline-block;
			margin: 0 pxToRem(10px);
			font-size: pxToRem(30px);  
		}

		.dialog-cancelOrder .no {
			background-color: #03a0f3;
		}

		.dialog-cancelOrder .yes {
			background-color: $_999;
		}
